$(function () {
  //聚焦失焦input
  $('input')
    .eq(0)
    .focus(function () {
      if ($(this).val().length == 0) {
        $(this)
          .parent()
          .next('div')
          .text("支持中文，字母，数字，'-'，'_'的多种组合")
      }
    })
  $('input')
    .eq(1)
    .focus(function () {
      if ($(this).val().length == 0) {
        $(this)
          .parent()
          .next('div')
          .text('建议使用字母、数字和符号两种以上的组合，6-20个字符')
      }
    })
  $('input')
    .eq(2)
    .focus(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next('div').text('请再次输入密码')
      }
    })
  $('input')
    .eq(3)
    .focus(function () {
      if ($(this).val().length == 0) {
        $(this)
          .parent()
          .next('div')
          .text('验证完后，你可以使用该手机登陆和找回密码')
      }
    })
  $('input')
    .eq(4)
    .focus(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next().next('div').text('请输入手机短信验证码')
      }
    })
  //input各种判断
  //用户名：
  $('input')
    .eq(0)
    .blur(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next('div').text('')
        $(this).parent().next('div').css('color', '#ccc')
      } else if ($(this).val().length > 0 && $(this).val().length < 2) {
        $(this).parent().next('div').text('长度只能在2-16个字符之间')
        $(this).parent().next('div').css('color', 'red')
      } else if ($(this).val().length >= 2 && !isNaN($(this).val())) {
        $(this).parent().next('div').text('用户名不能为纯数字')
        $(this).parent().next('div').css('color', 'red')
      } else {
        $(this).parent().next('div').text('')
      }
    })
  //密码
  $('input')
    .eq(1)
    .blur(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next('div').text('')
        $(this).parent().next('div').css('color', '#ccc')
      } else if ($(this).val().length > 0 && $(this).val().length < 6) {
        $(this).parent().next('div').text('长度只能在6-20个字符之间')
        $(this).parent().next('div').css('color', 'red')
      } else {
        $(this).parent().next('div').text('')
      }
    })
  //	确认密码
  $('input')
    .eq(2)
    .blur(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next('div').text('')
        $(this).parent().next('div').css('color', '#ccc')
      } else if ($(this).val() != $('input').eq(1).val()) {
        $(this).parent().next('div').text('两次密码不匹配')
        $(this).parent().next('div').css('color', 'red')
      } else {
        $(this).parent().next('div').text('')
      }
    })
  //	手机号
  $('input')
    .eq(3)
    .blur(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next('div').text('')
        $(this).parent().next('div').css('color', '#ccc')
      } else if (
        !/^[1](([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/.exec(
          $(this).val()
        )
      ) {
        $(this).parent().next('div').text('手机号格式不正确')
        $(this).parent().next('div').css('color', 'red')
      } else {
        $(this).parent().next('div').text('')
      }
    })
  //	验证码验证
  $('input')
    .eq(4)
    .blur(function () {
      if ($(this).val().length == 0) {
        $(this).parent().next().next('div').text('')
        $(this).parent().next().next('div').css('color', '#ccc')
      } else if ($(this).val().length != 6 && !isNaN($(this).val())) {
        $(this).parent().next().next('div').text('验证码长度必须是6位数字')
        $(this).parent().next().next('div').css('color', 'red')
      } else {
        $(this).parent().next().next('div').text('')
      }
    })
  //	提交按钮
  $('#submit_btn').click(function (e) {
    for (var j = 0; j < 5; j++) {
      if ($('input').eq(j).val().length == 0) {
        $('input').eq(j).focus()
        if (j == 4) {
          $('input').eq(j).parent().next().next('div').text('此处不能为空')
          $('input').eq(j).parent().next().next('div').css('color', 'red')
          e.preventDefault()
          return
        }
        $('input').eq(j).parent().next('.tips').text('此处不能为空')
        $('input').eq(j).parent().next('.tips').css('color', 'red')
        e.preventDefault()
        return
      }
    }
    //协议
    if ($('#xieyi')[0].checked) {
    } else {
      $('#xieyi').next().next().next('.tips').text('请勾选协议')
      $('#xieyi').next().next().next('.tips').css('color', 'red')
      e.preventDefault()
      return
    }
  })
})
